*{
	margin: 0;
	padding: 0;
}

body{
	background: #f9e8dc;
}


.all{
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	height: 3858px;
	background: url(../img/bg_01.jpg) no-repeat;
	background-position: center top;
	overflow: hidden;
}
.content{
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 3858px;
}

.company{display: inline-block; width: 175px; height: 45px; position: absolute; top: 8px; left: 0px;}
.wangzheng{display: inline-block; width: 150px; height: 45px; position: absolute; top: 8px; left: 180px;}

.circle{width: 5px; height: 5px; display: inline-block; border: 1px solid red; border-radius: 5px; vertical-align: middle; margin-right: 10px;}



/*图片墙部分*/
.wrap{ width: 1200px; height: 860px; position: absolute; top: 2500px; margin: -300px 0 0 0;}
.photo{width:260px;position:absolute;left:50%;top:50%;margin:-160px 0 0 -160px; perspective:800px; -webkit-transition:all .3s ,left 1s 0.3s,top 1s 0.3s;}
.photo .photo_wrap{width:100%;position:absolute;left:0;right:0;-webkit-transform-style:preserve-3d; -webkit-transform-origin:0% 50%;-webkit-transition:all .6s ;}
.photo .photo_wrap .side{width:100%;background:#eee;position:absolute;left:0;top:0;padding:10px; padding-bottom: 0px; box-sizing:border-box;-webkit-backface-visibility:hidden;}
.photo .photo_wrap .side_front{}
.photo .photo_wrap .side_front .image{width:100%;overflow:hidden;}
.photo .photo_wrap .side_front .image img{width:100%;vertical-align: middle;}
.photo .photo_wrap .side_front .capation{width:100%; height: 10px; text-align:center;line-height:20px;font-size:14px;}
.photo .photo_wrap .side_back{position:absolute;top:0;left:0; -webkit-transform:rotateY(-180deg);font-size:16px; height: auto;}
.photo_front .photo_wrap{-webkit-transform:rotateY(0deg);}
.photo_back .photo_wrap{-webkit-transform:translate(260px,0) rotateY(-180deg);}
.photo_center{z-index:19; left:50%;top:50%;margin:-160px 0 0 -130px;}
/*图片墙部分*/



.baby1{position: absolute; top: 310px; left: -55px;}
.baby2{position: absolute; top: 30px; left: 286px;}
.baby3{position: absolute; top: 50px; left: 460px;}
.baby4{position: absolute; top: 80px; left: 630px;}
.baby5{position: absolute; top: 18px; left: 878px;}
.dayun{position: absolute; top: 316px; left: 252px;}
.jingtou{position: absolute; top: 444px; left: 732px;}
.kk{position: absolute; top: 2932px; left: 942px;}
.jiji{position: absolute; top: 3078px; left: 378px;}
.left5{position: absolute; top: 768px; left: 0px;}
.lefttou{position: absolute; top: 768px; left: -88px;}
.middle5{position: absolute; top: 768px; left: 404px;}
.right5{position: absolute; top: 768px; right: 0px;}
.righttou{position: absolute; top: 768px; right: -88px;}
.wanwanzi{position: absolute; top: 560px; left: 356px;}
.xiaoyun{position: absolute; top: 197px; left: 312px;}
.xiaoyun2{position: absolute; top: 224px; left: 572px;}
.zuzu{position: absolute; top: 958px; left: 0px;}
.zhongzi{position: absolute; top: 534px; left: 478px;}
.zizi20{position: absolute; top: 216px; left: 368px;}
.zizitaohua{position: absolute; top: 340px; left: 316px;}
.dongyun8{position: absolute; top: 3480px; left: -360px;}
.dongyun6{position: absolute; top: 917px; left: -150px;}
.dongyun7{position: absolute; top: 2626px; left: 444px;}
.dongyun5{position: absolute; top: 1690px; left: 100px;}
.dongyun4{position: absolute; top: 900px; left: 800px;}
.dongyun3{position: absolute; top: 600px; left: -360px;}
.dongyun2{position: absolute; top: 268px; left: 160px;}
.dongyun1{position: absolute; top: 286px; left: 1000px;}
.dongyun9{position: absolute; top: 1950px; left: 750px;}

.baoming{display: inline-block; background: #009ec3; padding: 14px 46px; position: absolute; top: 2961px; left: 496px; text-align: center; line-height: 50px; color: #ffffff; font-family: "微软雅黑"; font-size: 30px; border-radius: 2px; text-decoration: none; z-index: 100;}
.address{ background: #FFFFFF; position: absolute; width: 580px; height: 508px; top: 3060px; left: 0px;}
.shangmen{font-family: "微软雅黑"; font-size: 24px; font-weight: bold; color: #000000;  margin-top: 54px; margin-left: 33px;}
.shangmen1{font-family: "微软雅黑"; font-size: 14px; line-height: 20px; color: #FFFFFF; padding: 15px; background: #e73844; margin-top: 33px; margin-left: 32px; width: 450px;}
.shangmen2{font-family: "微软雅黑"; font-size: 14px; line-height: 20px; color: #FFFFFF; padding: 15px; background: #e73844; margin-top: 13px; margin-left: 32px; width: 450px;}
.shangmen3{font-family: "微软雅黑"; font-size: 14px; line-height: 20px; color: #FFFFFF; padding: 15px; background: #e73844; margin-top: 13px; margin-left: 32px; width: 450px;}
.shangmen4{font-family: "微软雅黑"; font-size: 14px; line-height: 20px; color: #FFFFFF; padding: 15px; background: #e73844; margin-top: 13px; margin-left: 32px; width: 450px;}
.shangmen5{font-family: "微软雅黑"; font-size: 14px;  color: #e73844;  margin-top: 13px; margin-left: 47px; width: 450px;}

.tips{background: #FFFFFF; position: absolute; width: 580px; height: 508px; top: 3060px; left: 617px;}
.tip{font-family: "微软雅黑"; font-size: 24px; font-weight: bold; color: #000000;  margin-top: 54px; margin-left: 24px;}
.tip1{font-family: "微软雅黑"; font-size: 14px; color: #000000; line-height: 25px; margin-left: 25px; margin-top: 28px; margin-right: 25px;}
.tip7{font-family: "微软雅黑"; font-size: 14px;  color: #e73844;  margin-top: 13px; margin-left: 26px; width: 450px;}
.tip2{font-family: "微软雅黑"; font-size: 14px; color: #000000; line-height: 25px; margin-left: 42px; margin-right: 25px;}

.submit{display: inline-block; background: #e73844; padding: 18px 45px; margin-top: 604px; margin-left: 403px; text-align: center; line-height: 50px; color: #ffffff; font-family: "微软雅黑"; font-size: 30px; border-radius: 5px; text-decoration: none;}
.company1{display: inline-block; width: 306px; height: 70px; position: absolute; bottom: 156px; left: 483px;}
.wangzheng2{display: inline-block; width: 282px; height: 67px; position: absolute; bottom: 157px; left: 801px;}

.enlist{ position: relative; width: 1014px; height: 714px; background: #FFFFFF; margin: 0 auto; margin-top: 4%; z-index: 150;}
.xinxi{	position: absolute; top:15px; left: 40%;}
.grass{	position: absolute; bottom:0px; left: 0px;}
.enlist label{ display: inline-block; margin-top: 22px; width: 159px; height: 48px; border-radius: 2px; background: #e73844; text-align: center; font-family: "微软雅黑"; font-size: 18px; color: #FFFFFF; line-height: 47px;}
.chang{display: inline-block; width: 450px; height: 45px; border: 1px solid #e73844; font-family: "微软雅黑"; font-size: 18px; color: #000000; line-height: 47px;}
.shuru{width: 669px; height: 543px; position: absolute; top: 117px; left: 176px;}
.zhong{display: inline-block; width: 234px; height: 45px; border: 1px solid #e73844; font-family: "微软雅黑"; font-size: 18px; color: #000000; line-height: 47px;}
.send{display: inline-block;width: 159px; height: 48px; border-radius: 2px; background: #e73844; text-align: center; font-family: "微软雅黑"; font-size: 18px; color: #FFFFFF; line-height: 47px; text-decoration: none; margin-left: 7px;}
.msg1_mask{font-family: "微软雅黑"; font-size: 10px; position: absolute; top: 259px; left: 34%;}
.duan{display: inline-block; width: 150px; height: 45px; border: 1px solid #e73844; font-family: "微软雅黑"; font-size: 18px; color: #000000; line-height: 47px;}
.op{display: inline-block; width: 150px; height: 45px; border-color: #e73844; font-family: "微软雅黑"; font-size: 18px; color: #000000; line-height: 47px;}
.xx{position: absolute; top: 15px; right: 15px;}
.submit{display: block; width: 115px; height: 28px; margin: 0 auto;  border-radius: 2px; background: #e73844; text-align: center; font-family: "微软雅黑"; font-size: 23px; color: #FFFFFF; line-height: 27px; margin-top: 22px;}

.para{position: absolute; top: 2429px; left: 564px; z-index: 20;}
.diandian{position: absolute; top: 2356px; left: 550px; z-index: 20;}
.meng{position: absolute; width: 100%; height: 3858px; background: rgba(0,0,0,0.7); top: 0px; left: 0px; z-index: 149;}
.meng1{position: absolute; width: 100%; height: 3858px; background: rgba(0,0,0,0.7); top: 0px; left: 0px; z-index: 149;}
.enlist1{ position: relative; width: 1014px; height: 714px; background: #FFFFFF; margin: 0 auto; margin-top: 4%; z-index: 150;}
.enlist1 label{ display: inline-block; margin-top: 22px; width: 159px; height: 48px; border-radius: 2px; background: #e73844; text-align: center; font-family: "微软雅黑"; font-size: 18px; color: #FFFFFF; line-height: 47px;}

.superman {-moz-transform: rotateY(360deg);
	-ms-animation:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
	-o-transform: rotateY(360deg);
    transform:rotateY(360deg);}
    
.superman:hover {/*filter:alpha(opacity=60);opacity:0.6;*/-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; */
    /* CSS3 transform rules */
     -moz-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);}
.superman1 {-moz-transform: rotateX(360deg);
	-ms-animation:rotateX(360deg);
    -webkit-transform:rotateX(360deg);
	-o-transform: rotateX(360deg);
    transform:rotateX(360deg);}
    
.superman1:hover {/*filter:alpha(opacity=60);opacity:0.6;*/-webkit-transition: all 0.5s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease; */
    /* CSS3 transform rules */
     -moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);}


.on{ opacity: 1;transition: all 1s ease 0s;}
.off{ opacity: 0.1; transition: all 1s ease 0s;}
.yun:hover{ opacity: 0; transition: all 1s ease 0s;}



.shine{
animation:shine 1s alternate;
-moz-animation:shine 1s alternate; /* Firefox */
-webkit-animation:shine 1s alternate; /* Safari and Chrome */
-o-animation:shine 1s alternate; /* Opera */
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
transform-origin: center center !important;
-webkit-transform-origin:center center !important;
-moz-transform-origin: center center !important;
}


@keyframes shine
{
0%   { transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2); /* IE 9 */
-webkit-transform: scale(1.2,1.2); /* Safari and Chrome */}
100% { transform: scale(0.8,0.8);
-ms-transform: scale(0.8,0.8); /* IE 9 */
-webkit-transform: scale(0.8,0.8); /* Safari and Chrome */}
}

@-moz-keyframes shine /* Firefox */
{
0%   { transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2); /* IE 9 */
-webkit-transform: scale(1.2,1.2); /* Safari and Chrome */}
100% {transform: scale(0.8,0.8);
-ms-transform: scale(0.8,0.8); /* IE 9 */
-webkit-transform: scale(0.8,0.8); /* Safari and Chrome */}
}

@-webkit-keyframes shine /* Safari and Chrome */
{
0%   { transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2); /* IE 9 */
-webkit-transform: scale(1.2,1.2); /* Safari and Chrome */}
100% { transform: scale(0.8,0.8);
-ms-transform: scale(0.8,0.8); /* IE 9 */
-webkit-transform: scale(0.8,0.8); /* Safari and Chrome */}
}

@-o-keyframes shine /* Opera */
{
0%   { transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2); /* IE 9 */
-webkit-transform: scale(1.2,1.2); /* Safari and Chrome */}
100% { transform: scale(0.8,0.8);
-ms-transform: scale(0.8,0.8); /* IE 9 */
-webkit-transform: scale(0.8,0.8); /* Safari and Chrome */}
}


.ruler{animation:ruler 2s alternate;
-moz-animation:ruler 2s alternate; /* Firefox */
-webkit-animation:ruler 2s alternate; /* Safari and Chrome */
-o-animation:ruler 2s alternate; /* Opera */
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
transform-origin: center bottom;
-webkit-transform-origin:center bottom;
-moz-transform-origin: center bottom;
}


@keyframes ruler
{
0%   { top: 2340px;}
50%   { top: 2367px;}
100% { top: 2340px;}
}
@-moz-keyframes ruler /* Firefox */
{
0%   { top: 2340px;}
50%   { top: 2367px;}
100% { top: 2340px;}
}

@-webkit-keyframes ruler /* Safari and Chrome */
{
0%   { top: 2340px;}
50%   { top: 2367px;}
100% { top: 2340px;}
}

@-o-keyframes ruler /* Opera */
{
0%   { top: 2340px;}
50%   { top: 2367px;}
100% { top: 2340px;}
}


.move1{
animation:move1 2s ;
-moz-animation:move1 2s ; /* Firefox */
-webkit-animation:move1 2s ; /* Safari and Chrome */
-o-animation:move1 2s ; /* Opera */
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
transform-origin: center center !important;
-webkit-transform-origin: center center !important;
-moz-transform-origin: center center !important;
}



@keyframes move1
{
0%   { left: 100%;opacity: 0;}

100% {left: 72.5%; opacity: 1;}
}

@-moz-keyframes move1 /* Firefox */
{
0%   { left: 100%;opacity: 0;}

100% {left: 72.5%; opacity: 1;}
}

@-webkit-keyframes move1 /* Safari and Chrome */
{
0%   { left: 100%;opacity: 0;}

100% {left: 72.5%; opacity: 1;}
}

@-o-keyframes move1 /* Opera */
{
0%   { left: 100%;opacity: 0;}

100% {left: 72.5%; opacity: 1;}
}

.move3{
animation:move3 2s ;
-moz-animation:move3 2s ; /* Firefox */
-webkit-animation:move3 2s ; /* Safari and Chrome */
-o-animation:move3 2s ; /* Opera */
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
transform-origin: center center !important;
-webkit-transform-origin: center center !important;
-moz-transform-origin: center center !important;
}



@keyframes move3
{
0%   { left: 72.5%;opacity: 1;}

100% {left: 100%; opacity: 0;}
}

@-moz-keyframes move3 /* Firefox */
{
0%   { left: 72.5%;opacity: 1;}

100% {left: 100%; opacity: 0;}
}

@-webkit-keyframes move3 /* Safari and Chrome */
{
0%   { left: 72.5%;opacity: 1;}

100% {left: 100%; opacity: 0;}
}

@-o-keyframes move3 /* Opera */
{
0%   { left: 72.5%;opacity: 1;}

100% {left: 100%; opacity: 0;}
}


.move2{
animation:move2 2s ;
-moz-animation:move2 2s ; /* Firefox */
-webkit-animation:move2 2s ; /* Safari and Chrome */
-o-animation:move2 2s ; /* Opera */
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
transform-origin: center center !important;
-webkit-transform-origin: center center !important;
-moz-transform-origin: center center !important;
}



@keyframes move2
{
0%   { left: -30%; opacity: 0;}

100% { left: -8%;opacity: 1;}
}

@-moz-keyframes move2 /* Firefox */
{
0%   { left: -30%; opacity: 0;}

100% { left: -8%;opacity: 1;}
}

@-webkit-keyframes move2 /* Safari and Chrome */
{
0%   { left: -30%; opacity: 0;}

100% { left: -8%;opacity: 1;}
}

@-o-keyframes move2 /* Opera */
{
0%   { left: -30%; opacity: 0;}

100% { left: -8%;opacity: 1;}
}


.move4{
animation:move4 2s ;
-moz-animation:move4 2s ; /* Firefox */
-webkit-animation:move4 2s ; /* Safari and Chrome */
-o-animation:move4 2s ; /* Opera */
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
transform-origin: center center !important;
-webkit-transform-origin: center center !important;
-moz-transform-origin: center center !important;
}



@keyframes move4
{
0%   { left: -8%; opacity: 1;}

100% { left: -30%;opacity: 0;}
}

@-moz-keyframes move4 /* Firefox */
{
0%   { left: -8%; opacity: 1;}

100% { left: -30%;opacity: 0;}
}

@-webkit-keyframes move4 /* Safari and Chrome */
{
0%   { left: -8%; opacity: 1;}

100% { left: -30%;opacity: 0;}
}

@-o-keyframes move4 /* Opera */
{
0%   { left: -8%; opacity: 1;}

100% { left: -30%;opacity: 0;}
}

.panishou{ position: absolute; top: 2410px; left: 247px; z-index: 20;}
img{border: 0;}